<template>
	<view>
		
		<view class="rule-item" v-for="(item,index) in 6" :key="index">
			<view class="item1">
				购物
			</view>
			<view class="item2 flex justify-start align-center">
				<image class="w24 h24 icon" src="/static/store/jieshi.png"></image>
				<text>
					购买商品可获得积分
				</text>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			

		}
	}
</script>

<style lang="scss">
	page{
		background-color: #eee;
	}
	
	.rule-item{
		width:750rpx;
		height:160rpx;
		padding:0 32rpx;
		margin-bottom: 16rpx;
		background-color: white;
		.item1{
			width:686rpx;
			height:80rpx;
			line-height: 80rpx;
			font-size: 30rpx;
			font-weight: bold;
			padding-left:20rpx;
			border-bottom: 1rpx solid #eee;
		}
		.item2{
			width:686rpx;
			height:80rpx;
			.icon{
				margin-right:16rpx;
			}
			
		}
	}

	
	
</style>
